<template>
  <section class="baitiao">
    <h2 class="title">白条服务</h2>
    <div class="whiteServiceBox">
      <div class="whiteLeft">
        <img src="https://m.jr.jd.com/vip/borrowMoney/widget/bannerAndCar/i/whiteCard.png">
      </div>
      <div class="whiteRight">
        <img src="https://m.jr.jd.com/vip/borrowMoney/widget/bannerAndCar/i/whiteCircle.png">
        <p class="txt1 noFraction">小白信用</p>
        <p class="txt2">登录查看</p>
      </div>
    </div>
  </section>
</template>

<script>
export default {
  name: 'Baitiao'
}
</script>

<style lang="stylus" scoped>
  .baitiao
    padding-top 60px
    .title
      margin 0 30px 30px
      font-size 36px
    .whiteServiceBox
      display flex
      justify-content center
      .whiteLeft
        width 62%
      .whiteRight
        position: relative;
        width 33%
        .txt1
          position absolute
          top 36%
          right 0
          left 0
          text-align center
          color #ffeac9
        .txt2
          position absolute
          top 66.5%
          right 0
          left 0
          text-align center
          color #ae8339
</style>
